<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>人机对话</title>

    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/loginMy.css"/>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>

</head>
<body>

<div id="login">
    <div class="main">
        <div class="page-header">
            <h1>Robot Asking <small>--&nbsp;WITH SIRI&nbsp;--</small></h1>
            <div class="progress" id="processLine">
                <div class="progress-bar" role="progressbar"
                     aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                     style="width: 40%;" id="first" enable="false">
                    <span>找出自身在协同学习中存在的问题</span>
                </div>
                <div class="progress-bar" role="progressbar"
                     aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                     style="width: 40%;" id="second">
                    <span>在改正自身问题时遇到的困难</span>
                </div>
                <div class="progress-bar" role="progressbar"
                     aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                     style="width: 20%;" id="end">
                    <span class="sr-only">技巧策略</span>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-xs-6 col-md-3">
                <a href="#" class="thumbnail">
                    <img src="img/teacher.jpg" >
                </a>
            </div>
            <div class="key">
                <button id="start" type="button" class="btn btn-danger">START</button>

                <div id="showDialog" class="teacher_content" style="display:none;position:absolute;top:20px;left:10px;font-size:16px;overflow :auto;width:670px;height:75%">

                </div>

                <div class="student_content" style="display:none;">
                    <img src="img/image_teach.png" style="position:absolute;width:50px;top:20px;left:10px;">
                </div>

                <div style="position:absolute;bottom:10px;margin-left:10px;margin-right:10px;">
                    <div class="input-group" style="">
                        <div class="input-group-btn">
                            <button id="button" onclick="toggleStartStop()">
                                <img alt="Start" id="start_img" src="./img/mic.gif" style="width:25px;height: 27px;">
                            </button>
                        </div>
                        <input id="answerText" type="text" class="form-control" disabled="true">
                        <div class="input-group-btn">
                            <button type="button" class="btn btn-default" id="userResponse_btn" >Send</button>
                        </div>
                    </div>
                    <span>我想要提高协作能力的策略：</span>
                    <a class="btn btn-primary btn-sm" href="searchSkills.html">搜索技巧</a>
                    <a class="btn btn-primary btn-sm" href="speakSkills.html">说话技巧</a>
                </div>

            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/util.js"></script>
<script type="text/javascript" src="js/time.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>